freeipa-webui
freeipa-webui copied to clipboard
Adapt the `ariaLabel` and `ariaLabelledBy` properties in Certificate headers
The headers shown in the Certificates IPA object (IpaCertificates
component) are handled by the getHeaderToggleButtonProps
. It has the following structure:
// Get header toggle button props
const getHeaderToggleButtonProps = (cert: CertificateData, idx: number) => {
return {
id: "toggle-button-" + idx,
"aria-label": "Details",
"aria-labelledby":
"toggle-button card-" + parseDn(cert.certInfo.issuer).cn,
};
};
The aria-label
and the aria-labelledby
properties need to be adapted to have a more descriptive name (TBD by the UX team), not making reference to the issuer (as it should be hidden until expanding the card). E.g., Details for certificate <[cert name | serial number]>
.
The same should be applied to the id
property: