Skip to content

DOC Note changes to contrast #857

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
emteknetnz merged 1 commit into from
Jan 12, 2026
Merged

DOC Note changes to contrast #857

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions en/08_Changelogs/6.2.0.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ Sortable headers on a grid field and asset-admin table view now include `aria-so

Pagination controls in grid fields and asset-admin now have an improved experience for screen reader users, with the use of a `nav` tag with an `aria-label` attribute instead of a `div`, and a more descriptive `title` attribute on the pagination control showing the current page.

#### Changes to admin section HTML and CSS
#### Changes to admin section HTML markup
Copy link
Member Author

@GuySartorelli GuySartorelli Jan 5, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This and the below change are because nothing here is actually about CSS - it's just about the HTML markup.


- The `.cms-menu` element tag has been changed from a `div` to a `nav`.
- Inside `.cms-panel` elements, the `a.toggle-collapse` and `a.toggle-expand` links have been replaced with a single `button.cms-panel-toggle__button` element.
Expand All @@ -63,7 +63,7 @@ Pagination controls in grid fields and asset-admin now have an improved experien
- The "Go to previous record" and "Go to next record" buttons in a GridField detail form, when disabled, have changed from a `span` element to an `a` element with an `aria-disabled="true"` attribute.
- `.grid-field__paginator__controls` and `.paginator-footer` elements have been changed from using a `div` tag to a `nav` tag.

#### Changes to HTML and CSS elsewhere
#### Changes to HTML markup elsewhere

- In the `silverstripe/sharedraftcontent` module, the markup for the message on the front-end has changed to use `<details>` and `<summary>` elements for the expand/collapse functionality and a `<dl>` list instead of a `<ul>` list.

Expand All @@ -87,6 +87,12 @@ If your icon is being added to a `FormAction` or `GridField_FormAction`, we reco

Functionality has also been added to allow swapping icons in an accessible way for alternating buttons (e.g. the save and publish buttons). See [how to implement an alternating button](/developer_guides/customising_the_admin_interface/how_tos/cms_alternating_button/) (which has been updated) for details.

#### Improved contrast

Contrast has been improved in various areas, including in the TinyMCE HTML editor.

In some cases the contrast improvement has also included a change in the colour used.

### Unsaved changes indicator {#unsaved-changes-indicator}

A new unsaved changes indicator has been introduced to CMS edit forms. The indicator appears after a configurable amount of time after starting to edit a form, providing real-time visual alerts when changes have been made but not yet saved. This helps users keep track of their work and prevent accidental data loss by making unsaved modifications more apparent.
Expand Down