Summary

Used a Screen Reader to test the Articles Block and check the reading flow makes sense and has no glitches or unwanted texts.

Requirements

• The mid dot separating the author and the date should be invisible to the screen reader. It's currently inside an "::after" pseudo element. Move it to a span that we can hide to the Reader more easily.
• The text "by" preceding the author is not part of the link, so it's read separately by the Screen Reader, making a pause. It should be part of the link.
• The image caption is read but it doesn't say it's an image. Before the caption we should add something like "This is an image, the caption says: ".

Resources

• Screen Reader suggestions:
  • NVDA for Windows
  • VoiceOver for Apple
  • Orca for Linux

 Copied at Github