gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated 'non-element' text to reference semantics (#27599)

Browse Source
This commit is contained in:
Micah Moegelin
2018-12-15 10:13:00 -08:00
committed by Christopher McCormack
parent b2c8222017
commit 5d907725b7
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
guide/english/accessibility/accessibility-basics/index.md
View File

@ -84,8 +84,7 @@ Visually, the second element looks like a heading after styling it with CSS, but
The third element could be something used to change the language of the website. Perhaps a fancy animated menu of languages will expand on click. However, because it is a `span` and does not define its role as link or button, assistive technologies will think this is simple text with some styling. The third element could be something used to change the language of the website. Perhaps a fancy animated menu of languages will expand on click. However, because it is a `span` and does not define its role as link or button, assistive technologies will think this is simple text with some styling.
`Span`s and `div`s are non-elements meant to contain other elements, not to be elements themselves. You can fix these in two ways: Spans and divs are not semantic elements; they do not provide the contextual meaning of a particular element to web browsers, search engines, or assistive technology. You can fix these in two ways:
* You can manually add ARIA-attributes to the elements above. This is an advanced topic and outside the scope of this article. * You can manually add ARIA-attributes to the elements above. This is an advanced topic and outside the scope of this article.
* Or, you can simply do this: * Or, you can simply do this:
```html ```html