Arrows Placement

[Egpereira]

Hello! First of all, thanks for this awesome component!

I'm using Splide mainly by the attention given to accessibility on the library and I was wondering if there's a particular reason for the arrow components to be places before the track component.
An approach that I believe could be more intuitive would be to have the previous arrow before the slider track and the next arrow after it. This way the first thing an user that is navigating using assistive technology would focus is the first slide in the list and communicate how many items are in the slider instead of just hearing "Next slide, Button" without having passed trough said slider before.

Did that make sense?

[NaotoshiFujita]

Mmm, I don't think so. We should place similar controls close.

When the keyboard user wants to move focus to the previous arrow from the next one, he/she needs to push shift + tab twice. If the slider contains multiple slides or the slide contains multiple focusable elements, the user needs to do 3 times or more ☹ It's not accessible.

[Egpereira]

Good point, I’ll take that in consideration!

If I’m not mistaken, adding custom arrows with renderControls places them after the slider track on the focus order, could there be a way to maintain the default behavior you mentioned to keep it consistent even with custom controls? That way if you have different slider instances on your page using default or custom controls, they will have a similar behavior for the user to understand.

[NaotoshiFujita]

I don't understand what you are asking. If you mean you want to add custom arrows before the track, just extend the class as I already mentioned.

[Egpereira]

Sorry for the delay to reply! I was questioning if it didn't made sense to have the default arrows and the custom arrows on the same position on the component tree, or at least provide a built in customisation option, since you would probably want default sliders and custom sliders to behave similarly on a project.

Default slider tree vs custom arrows slider tree:

[NaotoshiFujita]

I see. There is a plan to make the position selectable, but not soon.