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.
`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.
* Or, you can simply do this:
```html