Skip to content

a11y: opacity=1 for navigation, details, actions #2634

Description

@SimpelMe

Describe the feature you'd like
Disable transitioning opacities while hovering navigations (page, book), details, actions. Have always opacity=1.

Describe the benefits this feature would bring to BookStack users
Currently the contrast for these named elements are to low for many people, as long as they aren't hovering these elements. Setting the opacity for these elements to 1 in general would increase accessibility and fit WCAG and BITV.

Additional context
Currently we set 'Custom HTML Head Content'. But we would appreciate this as an a11y option or default.

<style>
/* increases a11y in Light Mode - h5 is because of comments in footer */
.tri-layout-left-contents>*, .tri-layout-right-contents>*, .breadcrumbs, h5{
    opacity: 1.0 !important;
}
</style>

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions