- 9
- A
- A Block
- A Cold Day
- A Sync
- A cloudy day
- A3 Atlantis
- AD Blueprint
- AD Lemon Twist
- AD Novus
- AD Novus Fluid
- AD Redoable
- AD The Morning After
- ADT Basetheme
- AT Admin
- AT Koda
- AT Subtheme
- Aardvark
- Abac
- Abaca
- Abarre
- Aberdeen
- Aberdeen-liquid
- Abessive
- Ability
- About
- Aboutpeople
- Absolution
- Abstract
- Absynthe
- Abundant
- Acquia Marina
- Acquia Prosper
- Acquia Slate
- Acrylic
- Active NRebuild
- Activesite
- AdaptiveTheme
- Adaptivetheme Mobile
- Addari
- Aeon5
- Affaires
- Agregado
- Agua
- Airy Blue
- Alagna
- Alek 2.0
- Alina
- Alpha
- Amadou
- Amity Island
- Amor Azul
- Analytic
- Andreas 00
- Andreas
- Andreas00
- Andreas01
- Andreas02
- Andreas03
- Andreas04
- Andreas05
- Andreas06
- Andreas07
- Andreas08
- Andreas1024px
- Anita Kravitz
- Antique Modern
- Appleweb
- Aqua Fish
- Aquanaut
- Arclite
- Art School
- Arthemia
- Artists C01
- Artsy
- Aurora
- Aurora Australis
- Austere
- Austin
- Autumn Almanac
- aBeesParadise
- art4 green
- async
- awesome
- B
- B7
- Barlow
- Barron
- Barroness
- Basic
- Beach
- Beginning
- BeginningW2
- Berylizer
- Black Mamba
- Blackout
- BlogBuzz
- Blommor01
- Blossom
- Blue Bars
- Blue Citron
- Blue Lake
- Blue Nile
- Blue Zinfandel
- BlueTrip
- Bluefun
- Bluemarine
- Bluemarine ETS
- Blueprint
- Bluespan
- Bookstore
- Box_grey
- Burnt
- Burnt Rubber
- beMiracle Browny
- beat
- blix
- bluebreeze
- bluebreeze fixed
- box_cleanslate
- C
- Bisque
- Black
- Blue
- Brown
- CDMUG
- CTI Flex
- CWS
- Camaxtli
- Camsel
- Candy Corn
- Canvas
- Celju
- Chai Garam
- Chameleon
- Channel Nine
- Charity
- Chartreuse
- Cherry Blossom
- Christmas
- Chrono
- Chrysalis
- Clean
- Clean A
- Cleanfolio
- Cleanr
- Cleanstate - Liquid
- Cleanstate
- Clearblue
- Clearlooks
- Color Paper
- Color Paper Green
- Color Paper Orange
- Color Paper Pink
- Color Paper Purple
- Color Paper Super
- Colorart
- Colorfulness
- Colourise
- Combustion
- Contented7
- Contrast
- Coolweb
- Cornflower Blue
- CristalX4Drupal
- Deep Sky Blue
- Navy
- Orange Red
- Red
- Rhododendron Pink
- Turtle
- White
- changeme
- clear_dark
- coolwater
- D
- Drupal
- E
- F
- G
- GBIF
- Gainsboro
- Gardening
- Garfirst
- Garfish
- Garland
- Garland Accessible
- Genesis
- Genesis DARK
- Genesis LITE
- Genesis SUBTHEME
- Genesis Typo 1
- Genesis WebX
- Genesis Webify
- Genesis Zine
- German Newspaper
- Giordani
- GlossyBlue
- Gnifetti
- Golden Hour
- Goldfish
- Goofy
- Grass
- Grassland
- Green House
- Green'n'Black
- Greeny_Blu
- Gulmohar
- greens
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- Salamander
- Salamander Skins
- SanQ
- SanQReaL
- Sandium
- Sandtiger
- Sapo
- Scaccarium
- Scratch
- Scruffy
- Sea Breeze
- Seven
- Shallow Grunge
- Sharepoint-like
- Simpla - Liquid
- Simpla
- Simple Blog
- Simpler
- Simplex2
- Simply Green
- Simply Modern
- Sky
- Skyliner
- Skyroots
- Slash
- Slash black
- Slash blue
- Slash green
- Smooth Blue
- Social Networking Dream
- Solarflare
- Soldier
- Sports
- Spring Bloom
- Spring Theme
- Stark
- Starkish
- Stasis
- Strange Little Town
- Strix
- Summertime
- Sunny Sky
- Sunset
- SuperClean
- SynFox
- T
- The Big List
- U
- V
- Validators
- W
- X
- Y
- Z
Skip to skip-link
Submitted by peter on Wed, 04/28/2010 - 11:38
A common feature of modern Web pages is a skip link at the start of the page for visually impaired people using screen readers. A lot of Drupal 6 themes give the link an id of skip. In Drupal 7, skip is renamed to skip-link.
The minimum in Drupal 6 themes is a link to the content so people using screen readers can access the content without listening to all the HTML and other junk in front of the content. The link usually has an id of skip. The link may be within a div element (as shown in the following example) or a span element and the id might be in the div (as in example) or span instead of the link.
<div id="skip"><a href="#content"><?php print t('Skip to content'); ?></a></div>Drupal 7 uses the id skip-link as shown in the following example. Change your themes to use skip-link so there is one less thing to do when converting to Drupal 7.
<div id="skip-link"><a href="#content"><?php print t('Skip to content'); ?></a></div>You could also add a link to the navigation section, especially when you navigation is in a sidebar and the sidebar is after the content.
<div id="skip-link"><a href="#content"><?php print t('Skip to content'); ?></a> <a href="#navigation"><?php print t('Skip to navigation'); ?></a></div>Content block title
Content block body. This block shows you what a block looks like in the content region.
