doc: improve accessibility of expandable lists · nodejs/node@33ee464

height: .6rem;

border-top: .3rem solid transparent;

border-bottom: .3rem solid transparent;

border-left: .6rem solid var(--color-links);

border-left: .6rem solid currentColor;

border-right: none;

margin: 0 .2rem .05rem 0;

}

li.picker-header a:focus .picker-arrow,

li.picker-header a:active .picker-arrow,

li.picker-header a:hover .picker-arrow {

border-left: .6rem solid var(--white);

}

li.picker-header.expanded a:focus .picker-arrow,

li.picker-header.expanded a:active .picker-arrow,

li.picker-header.expanded a:hover .picker-arrow,

li.picker-header.expanded .picker-arrow,

:root:not(.has-js) li.picker-header:focus-within .picker-arrow,

:root:not(.has-js) li.picker-header:hover .picker-arrow {

border-top: .6rem solid var(--white);

border-top: .6rem solid currentColor;

border-bottom: none;

border-left: .35rem solid transparent;

border-right: .35rem solid transparent;

margin-bottom: 0;

}

li.picker-header.expanded > a,

:root:not(.has-js) li.picker-header:focus-within > a,

:root:not(.has-js) li.picker-header:hover > a {

border-radius: 2px 2px 0 0;

}

li.picker-header.expanded > .picker,

:root:not(.has-js) li.picker-header:focus-within > .picker,

:root:not(.has-js) li.picker-header:hover > .picker {

display: block;

z-index: 1;