Blog

#wcus @RianRietveld: Spooled here for easier reading: http://www.customerservant.com/notes-from-whos-…wordcamp-us-2018/

#wcus @RianRietveld: Make it work before you make it nice.

#wcus @RianRietveld: Rian is able to turn VoiceOver on and off. This would never happen using Jaws. You can do it w… https://twitter.com/i/web/status/1071146658577158145

#wcus @RianRietveld:

#wcus @RianRietveld: Use screen reader text class with the span element.

#wcus @RianRietveld: screen reader text class: Hide something from sighted users while announcing it to screen reader users.

#wcus @RianRietveld: Overrule a link's anchor text with aria-label. Beware: aria-label overrules a link's anchor te… https://twitter.com/i/web/status/1071144816094908416

#wcus @RianRietveld: Make sure when using aria-live that your announcement is not too verbose: For example: announc… https://twitter.com/i/web/status/1071143600640196614

#wcus @RianRietveld: aria-live allows dynamic changes to be announced by screen readers.

#wcus @RianRietveld: Aria-live: Tells screen readers what's changing on a page without refreshing the page.

#wcus @RianRietveld: She's giving a very practical example of why semantics matter when it comes to the web.

#wcus @RianRietveld: Rian is demonstrating Voiceover and ARIA for the WordCamp audience.

#wcus @miriamschwab: Thread of these notes pooled here for easier reading: http://www.customerservant.com/notes-from-conte…wordcamp-us-2018/

#wcus @miriamschwab: Now demoing offline copy of White House website: No CSP, which means things can be injected client-side.

#wcus @miriamschwab: Google's resources making it possible for more people to implement CSPs.

#wcus @miriamschwab: There are also WordPress plugins for this, not recommended because some are out-f-date, but easy way to get started.

#wcus @miriamschwab: CSP Mitigator from Google: Check http response headers, if no CSP present, will alert. If CSP… https://twitter.com/i/web/status/1071070901360361472

#wcus @miriamschwab: CSP can be added using meta tag or in theme's functions.php file. Also .htaccess. Use these if… https://twitter.com/i/web/status/1071070524502085633