esc_html__( 'Underlined Text', 'accessibility-checker' ),
'info_url' => 'https://a11ychecker.com/help1978',
'slug' => 'underlined_text',
'rule_type' => 'warning',
'summary' => sprintf(
// translators: %1$s is <u>, %2$s is text-decoration: underline;<u>',
'text-decoration: underline;'
),
'summary_plural' => sprintf(
// translators: %1$s is <u>, %2$s is text-decoration: underline;<u>',
'text-decoration: underline;'
),
'why_it_matters' => esc_html__( 'Underlined text is commonly associated with links. When non-link text is underlined, it can be confusing for users, especially those with cognitive disabilities or those relying on visual cues to identify links.', 'accessibility-checker' ),
'how_to_fix' => esc_html__( 'Remove the underline tag or CSS underline style from the text. If you want to emphasize text, consider using bold, italic, or color styling instead. If this text is part of a functional element like a link or button, keep the underline styling and dismiss this warning in Accessibility Checker.', 'accessibility-checker' ),
'references' => [],
'ruleset' => 'js',
'wcag' => '1.3.1',
'severity' => 4, // Low.
'affected_disabilities' => [
AffectedDisabilities::LOW_VISION,
AffectedDisabilities::COGNITIVE,
],
];
}
}