Basics

    Ready start but aren’t sure where?

    Checkout the Planning and managing web accessibility guide provided by

    You should add a link at the top of each page that goes directly to the main content area so users can skip content that is repeated on multiple Web pages.

    Typically this is done on the top of as it will be the first focusable element on all your pages:

    Once a user changes route, bring focus back to the skip link. This can be achieved by calling focus to the provided above:

    See the Pen Skip to Main by Maria () on CodePen.

    Structure Your Content

    One of the most important pieces of accessibility is making sure that design can support accessible implementation. Design should consider not only color contrast, font selection, text sizing, and language, but also how the content is structured in the application.

    • Nest headings in their ranking order: -
    • Use actual heading tags instead of styling text to give the visual appearance of headings

    Landmarks

    Landmarks provide programmatic access to sections within an application. Users who rely on assistive technology can navigate to each section of the application and skip over content. You can use to help you achieve this.

    Tip:

    It is recommended to use landmark HTML elements with redundant landmark role attributes in order to maximize compatibility with legacy browsers that don’t support HTML5 semantic elementsBasics - 图6.