civictheme / uikit

UI atomic component-based library with Storybook integration
https://uikit.civictheme.io/
GNU General Public License v2.0
4 stars 4 forks source link

Sequential heading mark up > components #318

Open CJE001 opened 2 months ago

CJE001 commented 2 months ago

User story

As a content creator I want to assign the correct heading styling to a component So that:

Description

Untitled

Current heading mark up

digital.gov.au beta | digital.gov.au 1 digital.gov.au beta 4 Welcome to digital.gov.au 2 Enabling digital government 4 Investment 4 Buying and selling 4 Digital architecture 4 Hosting and domains 4 Join the community 3 Featured initiatives 2 Digital policy and standards 2 Have your say 4 API Design Standard 4 Artificial intelligence 4 The Observatory 4 Join the digital community

Currently there is no way for a content creator to assign heading styling to a component (heading styles are applied automatically). Ideally content creators should have the option to apply their chosen heading mark up.

Using the callout component as an example, suggest a drop down menu with option to choose H1, H2, H3, H4, H5 etc.

image

Acceptance criteria

Given I am a content creator When I design a home/landing or content page Then I am able to maintain consistent heading levels across different pages to avoid confusion and heading levels are skipped from one section to another (like jumping from h2 to h4 without an h3).

SteveM-aus commented 2 months ago

Note: this also needs to be addressed so that we can meet accessibility requirements i.e. WCAG2.2 1.3.1

richardgaunt commented 2 days ago

Hi @SteveM-aus the cards which are h4 is something we can look at fixing immediately. The idea of having editorial control over the heading level is something that needs further discussion but this is something that I will raise on the Drupal project page for discussion with the community.

@alan-cole Just bringing you in on this discussion as this is something you have brought up before.