Twitter image viewing enhancement

Make Twitter photo viewing more humane

As of 2020-04-09. See the latest version.

Author
神代綺凛
Ratings
0 0 0
Version
0.5.2
Created
2019-07-27
Updated
2020-04-09
License
MIT
Applies to

Let you able to close an image view by clicking it, and use your mouse wheel or mouse drag to switch between the previous image or the next one.

If your Twitter language is not one of English, Japanese, Simplified Chinese, Traditional Chinese

Please press F12 to open the developer tools, and follow the operations shown in the figure to get the aria-label values of the Close, Previous, and Next buttons.

Then click "Set aria-labels" from the script menu, join the values of these three aria-label with commas, input and submit.

Why

Because the class names of the elements in the Twitter page are obfuscated, as long as Twitter updates its front end, the class names will be changed. Because the page structure also changes frequently, it is impossible to find a CSS selector that can always locate these buttons without aria-label attribute.

So I had no choice to use this method that may trouble users. But a good news is that unless Twitter changes the value of aria-label, you will no longer need to update this script or update the setting of aria-labels.