如何制作一個完全適合文本的可點擊元素？

Question

我目前正在寫一個基於ASCII藝術的全JavaScript應用程序。 將會有大量的ascii藝術作品，而我需要制作該ascii藝術作品中可點擊的部分。 問題是：當然，ascii藝術是等距的，因此可點擊的部分必須完全適合藝術內部，並且不能破壞藝術人物的線條。

當我使用這樣的按鈕時：

<button style="border:none; font-familiy:monospace"></button>

然后對齊被破壞，結果因瀏覽器而異。

因此，我可以使用span並使用javascript使它可單擊，但是我聽說這樣做不是可訪問性的好主意……什么是最佳解決方案？

謝謝 ！

Answer 1

您可以從按鈕中刪除所有樣式，例如背景，邊框，填充，邊距等。

關於可訪問性，這將是如此不好使用的onclick上的跨度，或者可能的a標簽？