mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-24 07:54:13 +00:00
Make date headings a proper semantic <h2> heading
To support accessibility, make sure the titles in Special:Notifications are <h2> headings. Bug: T149955 Change-Id: I4f15694efb04896e9bd7b026d297891047759644
This commit is contained in:
parent
6e593a9301
commit
ebbe2e81af
|
@ -1,7 +1,14 @@
|
|||
@import '../echo.variables';
|
||||
.mw-echo-ui-datedSubGroupListWidget {
|
||||
&-title {
|
||||
font-weight: normal;
|
||||
.mw-body-content &-title {
|
||||
// Since the title is <h2> we want to specifically
|
||||
// change the styling to bring it back to mimic a
|
||||
// content span. We also must override the h2 rules
|
||||
// so specificity is important
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
border: 0;
|
||||
|
||||
&-primary {
|
||||
font-size: 1.5em;
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
.addClass( 'mw-echo-ui-datedSubGroupListWidget-title-primary' ),
|
||||
$secondaryDate = $( '<span>' )
|
||||
.addClass( 'mw-echo-ui-datedSubGroupListWidget-title-secondary' ),
|
||||
$title = $( '<span>' )
|
||||
$title = $( '<h2>' )
|
||||
.addClass( 'mw-echo-ui-datedSubGroupListWidget-title' )
|
||||
.append( $primaryDate, $secondaryDate );
|
||||
|
||||
|
|
Loading…
Reference in a new issue