Add a enabled and disabled section to the tour list page

Created on 23 August 2024, 3 months ago
Updated 17 September 2024, 2 months ago

Problem/Motivation

Followup to โœจ Improve the structure and organization of the tours list page Active . At the moment it is still challenging to scan the status column and distinguish between the status of enabled and disabled

Steps to reproduce

Visit /admin/config/user-interface/tour

Proposed resolution

Apply the same pattern used on /admin/structure/views clearly separating enabled and disabled tours.

Remaining tasks

User interface changes

API changes

Data model changes

โœจ Feature request
Status

Needs review

Version

2.0

Component

User interface

Created by

๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

Live updates comments and jobs are added and updated live.
  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @rkoller
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave
  • Merge request !71Resolve #3469905 "Add a enabled" โ†’ (Merged) created by smustgrave
  • Status changed to Needs review 2 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave
  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    Thanks for the MR! A few quick observations:

    I would rename the titles from "Enabled tours" to "Enabled" and "Disabled tours" to "Disabled". That way it would be inline with the views list page for example.

    When you disable a tour the default option on the drop button is Edit, while on the views list page for example Enableis the default option. The latter is probably the preferable option for the tours list page as well imho for consistency reasons.

    And i like that you have added a plain info text in case no tour is disabled, on the tours list page you have an empty table just showing the table header. something to consider for the views list page as well the other way around?!

  • Status changed to Needs work 2 months ago
  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Addressed the first two parts.

    About the third I don't think having an empty table makes much sense and seems like a bug on views_ui. The empty text doesn't actually appear either.

    Surprised it's not an accessibility issue to be empty.

  • Status changed to Needs review 2 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave
  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    About the third I don't think having an empty table makes much sense and seems like a bug on views_ui. The empty text doesn't actually appear either.

    that is what i implied, that your approach here is the cleaner and more correct one and it might be reasonable to open an issue for the views list page perhaps?

    aside that i'Ve tested your applied changes, thanks for the fast fix .i'Ve compared the views list page and the tours list page further. one detail the tours list page is missing i'Ve noticed is the focus management. if you disable a tour the focus is lost while if you disable a view the focus is on the then on the disabled view and its drop button with the default option enable.

    quickly created a recording on the views list page. as you can hear and see the actions disable and enable are missing the context. what are you enabling and what are you disabling, that is not audible (same for tours but there the focus is dropped as well therefore i used views to illustrate the problem).

  • Status changed to Needs work 2 months ago
  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Views is using ajax while tours is not.

  • Status changed to Needs review 2 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    So question is do we need ajax for accessibility.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    the only points i've raised in #9 โœจ Add a enabled and disabled section to the tour list page Needs review where about focus and the missing context in button labels when you are enabling and disabling a tour. that doesnt have necessarily anything to do with ajax and views or am i missing something?

    the only detail mentioned in #9 โœจ Add a enabled and disabled section to the tour list page Needs review in the context of views was the point of empty tables. but my suggestion here was to create an issue for views instead. the tour module is doing that aspect in a much better way imho.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Sorry just seeing this. So in views the reason the focus stays is because itโ€™s not reloading but doing an Ajax call for disabling. In tours we reload the page

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    uhhh now i understand. thought the ajax was only about the ability to filter a list. hmmm well the problem simply is, in the current state if you enable or disable a tour the focus is entirely lost and you have to restart every time from the top of the page - dragged out of your current context. so it is sort of problematic. and then there is the other problem mentioned in #13 that the 22 buttons and links are missing context. at the moment you have 22 times list additional actions and 22 times edit in the voiceover rotor. it would have to be edit [tour name] and list additional actions [tour name]. tricky :/

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Ah that should be an easy fix for the labels. Did a fix similar for admin content view using sr only text

    For switching up to Ajax that may be a follow up

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Will knock both those out tomorrow

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Added aria-labels like we do for admin/content view.

    Opened ๐Ÿ“Œ Change disable/enable links to use ajax Active for changing to ajax. Believe everything for the scope of this ticket is addressed.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    thanks for opening the followup already! and in regards of the aria-label, i've quickly tested. yes it is inline with admin/content now. but nevertheless i might argue the list additional actions buttons are still redundant without any context. and if someone is navigating by the voiceover rotor you have links and buttons in separate sections, therefore the context is missing if you have the link with context (edit button) proceeded by the list additional actions button. based on the order one could assess the list additional actions button has the same context as the link right before in the dom order. but that requires a certain cognitive load. but in the rotor you see the buttons alone in their dedicated section and so you have 22 redundant buttons still. therefor it might be still reasonable adding the context to the list additional actions button as well. screenreader users can drop of at any time from the announcement when they heard enough. and by frontloading the action the button is about, the important info is known and the person can keep on listening to the announcement if necessary.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Seeing as this is almost following what core is doing is this out of scope now.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Actually 100% of out of scope, this is a core problem. Nothing we are adding.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave
  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024