Page Title: Logo und CD umsetzen - Wort-Bild-Marken - Logogestaltung
May 20, 2018 05:29

section element role semantics

Actions

Severity Action
no actions

Details

Rule ID Role 5
Definition section element must only have role semantics of alert, alertdialog, application, contentinfo, dialog, document, log, main, marquee, presentation, region, search or status.
Purpose
  • The section element has role restrictions as part of its definition in the W3C HTML5 Specification.
  • The section element can be used to for identifying many types of of sections and sub sections within a web page and a limited number of widget roles, review the techniques for the possible uses of the section element with ARIA role semantics.
  • The section element should not be used when there is a more semantically meaningful elements available (e.g. main, header, footer,..)
  • The default (e.g. no role attribute) is role="region", if the section element has an accessible name it will be considered a landmark in the document.
WCAG Success Criteria

1.3.1 Info and Relationships (Level A, Primary Success Criterion)

Rule Category Styling/Content
Scope Element
Target Resources section element
  • section
Techniques
  • If the content of the section element is used as a sub-section of another landmark use role="region" with an accessible name to identify the sub-section.
  • If the content of the section element is used to provide a time sensitive text message to the user that is very important for the user to know use the live region role="alert" on the section element.
  • If the content of the section element is used to create a error dialog box with a message that is very important for the user to know use the role="alertdialog" on the section element.
  • If the content of the section element is primarily form controls and/or widgets use role="application" on the section element.
  • If the content of the section element is used as the container for footer information that is repeated on most pages of the website use role="contentinfo" on the section element.
  • If the content of the section element is used to create a non-error message related dialog box use the role="dialog" on the section element.
  • If the content of the section element is primarily composed of non interactive text and images and the section element is embedded inside an container element with role="application"" use the role="document" attribute on the section element.
  • If the content of the section element is used as the container a list of messages use role="log" on the section element.
  • If the content of the section element is used as the container for the main content of the page use role="main" on the section element.
  • If the content of the section element is used as for periodically changing text on the page that is considered more informational (e.g. news tag line) use role="marquee" on the section element.
  • If the content of the section element is NOT being used as the container for a region landmark use role="presentation" on the section element to remove it from landmark navigation.
  • If the content of the section element is used as the container for sub section within a landmark use role="region" on the section element.
  • If the content of the section element is used as the container for a search the website form use role="search" on the section element.
  • If the content of the section element is used as the container for a status message that will be automatically be updated on some pending transaction use role="status" on the section element.
  • If the content of the section element does not meet any of the other techniques do not use the role attribute.
Informational Links

Element Results

Element Identifier Result Element Position Message

Column Definitions

Element Identifier
Information about the element associated with the result.
The information typically includes the tag name, accessible name or other information related to the rule requirements.
"Page" means that the result applied to the page. For example, the rule "One main landmark on the page" is a page level rule.
Element Position
The element position is based on the DOM order of elements in the page.
The element position maybe useful in helping to locate a specific element on the page evaluated (e.g smaller numbers are typically toward the beginning of a page and larger numbers typically toward the end of a page).
Element position 1 is the first element.
The highest element position is the last element.
Element position values for most rule/page results will not be consecutive since a rule only applies to a sub set of elements found on a page.