Accessibility: <article> tags lack heading.

dpc-sdp / ripple

Ripple is the frontend framework for Single Digital Presence, delivered using Nuxt and Vue.js

Apache License 2.0

61 stars 37 forks source link

Accessibility: <article> tags lack heading. #670

Open alan-cole opened 4 years ago

alan-cole commented 4 years ago

WYSIWYG elements can contain<article> tags generated within Drupal. Cases such as <article class="media media--type-image media--view-mode-embedded"> throw an error in HTML validators due to missing heading elements within the <article> tag.

Consider adding a new component to transpile Drupal embedded images within WYSIWYGs into custom components so the markup can be made compliant.

dylankelly commented 3 years ago

Thanks @alan-cole - I have some work to implement the image lazy loading that I did for VT in Ripple - Its tracked in SDPA-5196. I would expect that all images added via the wysiwyg should be striped of Drupal rendered markup and implemented with this component, resolving the issue raised.