[Accessibility] Fix: turn File Input close into a button element

[abrahammordev]

File Input Close Button Accessibility Improvement

The close glyph used to remove selected files was implemented as an <a> element. This is not semantically correct and may cause accessibility and usability issues, as it does not convey the proper button behavior to assistive technologies.

This change replaces the with a proper <button> HTML element, ensuring better semantics, accessibility, and consistency with expected UI patterns.

Changes

Updated File Input component:

• Replaced the <a> element used as a close/remove control with a <button> element
• Improved semantic correctness and accessibility behavior

Updated FileInputTest:

• Adjusted tests to reflect the new <button> markup
• Added a helper method to dynamically generate the expected button HTML

Note

These changes required updates to existing tests to align with the new markup structure.

Related

• https://mantis.ilias.de/view.php?id=43963

[thibsy]

Hi @abrahammordev,

Very sorry for your spent work, but I think this and all other issue in regards of glyph components rendered as an <a> tag or missing role="img" attribute are fixed and superseded by #11260.

I leave this open until the other PR is fixed and we could verify the linked mantis issue here is addressed as well.

Kind regards,
@thibsy (as UI coordinator)