ImageCompare: ARIA Attributes

[daniel-hitchins]

Describe the bug

Adding ARIA Attributes Does Not Render in the Final Output

Reproducer

https://stackblitz.com/edit/cklcte?file=src%2FApp.vue

PrimeVue version

4.2.4

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

Chrome 131.0.6778.86

Steps to reproduce the behavior

Adding either aria-labelledby or aria-label to the ImageCompare component doesn't render either attribute in the final output.

Expected behavior

I would expect that by adding either aria-labelledby or aria-label to the ImageCompare component, they would appear in the final output.

Additionally, the thumb element, with its transparency, will almost always fail the colour contrast test, as the transparency of images can be unpredictable. A better solution would be to allow for a template to add an icon into the thumb, which means we could make the background opaque or nearly opaque. This would provide a clear visual cue on what to do, and we could control the icon colour to ensure a good contrast ratio for accessibility.