User tests: Successful: Unsuccessful:
Pull Request for Issue # .
Landmarks provide a powerful way to identify the organization and structure of a web page.
This PR will wrap the output of the primary content of the page into a <main></main>
element.
A main
landmark identifies the primary content of the page.
ARIA 1.1 Specification: main
landmark
main
landmark.main
landmark should be a top-level landmark.document
and/or application
roles (e.g. typically through the use of iframe
and frame
elements), each document
or application
role may have one main
landmark.main
landmark, each should have a unique label.You can use both <div role="main">
as HTML main
element to define a main
landmark.
I prefer the HTML main
element.
This PR will not change the current look and feel of the Cassiopeia template.
Since landmarks are not directly visible for the sighted people you have to use some assistive technology to make it visible. You can use a browser extension to display landmarks:
The Landmark main
is not present on the website. Screenshot below display the result of the Landmark extension for the Cassiopeia homepage with sample data
The Landmark main
is present on the website. Screenshot below display the result of the Landmark extension for the Cassiopeia homepage with sample data.
No changes required
Status | New | ⇒ | Pending |
Category | ⇒ | Front End Templates (site) |
I have tested this item
I have tested this item
For English speakers: Firefox => https://addons.mozilla.org/en/firefox/addon/landmarks/
Status | Pending | ⇒ | Ready to Commit |
RTC
Labels |
Added:
?
?
|
Labels |
Status | Ready to Commit | ⇒ | Fixed in Code Base |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2020-07-20 19:57:34 |
Closed_By | ⇒ | Quy |
There are many ways to skin a cat but this certainly works