Label customization via options

[iosonogio]

Hi, while appreciating a lot this good piece of work, I would like to suggest an improvement:

it would be nice to have new options to let you customize the aria-label's that are set on buttons and dots, so users may provide custom labels and even translation (for non-English speakers).

It seems to me that this might be fairly simple to implement through the use of the options variable in page-dots.js and prev-next-button.js.

[iosonogio]

This is how it goes:

proof of concept in prev-next-button.js:

element.setAttribute( 'aria-label', this.isPrevious ? 
    (this.parent.options.labelPrevious ? this.parent.options.labelPrevious : 'Previous') :
    (this.parent.options.labelNext ? this.parent.options.labelNext : 'Next')
);

and in page-dots.js:

dot.setAttribute( 'aria-label', (this.parent.options.labelPagedot ? 
    this.parent.options.labelPagedot+' ' : 
    'Page dot ') + ( i + 1 )
);

[desandro]

Thanks for this suggestion. Others have asked for custom ARIA attributes. See related #886

[iosonogio]

Thanks for this suggestion. Others have asked for custom ARIA attributes. See related #886

Hi thank you for caring. Apologies for missing the related #886, it seems like you implemented it like the way I proposed here. Hope you can merge it in the codebase soon :)

[desandro]

I'll be evaluating how to improve accessibility in a future major release for Flickity.

Closing this issue. Please continue discussion in #886