WordPress / wporg-main-2022

A block-based child theme for WordPress.org, plus local environment
72 stars 26 forks source link

Blocks landing page: Example blocks could benefit from list arrangement #312

Open alexstine opened 1 year ago

alexstine commented 1 year ago

From: #245

Page: https://wordpress.org/blocks Heading 2: Build without limits

  1. Can probably remove the ALT text on the block icons. They are decretive and do not add value to the content. For example, Paragraph icon, Heading icon, etc. these do not tell users much or increase context in a meaningful way. If empty ALT is not optional, they can be left as is.
  2. I think a list presentation for these blocks would be better so that way screen readers get contextual information about how many blocks we'll be calling out here. It could be in a standard <ul> or <ol> if the numbers are not distracting.
ryelle commented 1 year ago

I've removed the alt text from the icons.

I'm not sure if we can switch the markup to use a list and still keep the current visual design. @annezazu @SaxonF what do you think? Maybe you can try iterating with the list block?

annezazu commented 1 year ago

Thanks so much for diving in here and sharing feedback. The list block, in its current form and functionality, won't work for this afaik since it's sitting in a grid. Curious what Saxon thinks along with any other possible ideas.

Thank you @ryelle for updating the alt text! I added that and this is a good TIL for me.