andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #165 from skatcat31/patch-1

Browse Source 
[FIX] Remove a link that has become dangerous
Resolves #164 
Resolves #162
This commit is contained in:
Angelos Chalaris
2019-10-21 09:09:09 +03:00
committed by GitHub
parent 65942ada58 83fbb8ca74
commit 5fed2f7c14
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/offscreen.md
View File

@ -6,7 +6,7 @@ tags: layout, visual
A bulletproof way to completely hide an element visually and positionally in the DOM while still allowing it to be accessed by JavaScript and readable by screen readers. This method is very useful for accessibility ([ADA](https://adata.org/learn-about-ada)) development when more context is needed for visually-impaired users. As an alternative to `display: none` which is not readable by screen readers or `visibility: hidden` which takes up physical space in the DOM.
```html
<a class="button" href="http://pantswebsite.com">
<a class="button" href="https://google.com">
Learn More <span class="offscreen"> about pants</span>
</a>
```