Если я использую <кнопка> или <a>, отправляя стилизованную веб-форму

Как насчет решения jQuery, например:

$("input:button").mouseover(function(e) {
    $(this).addClass("hovered");
}).mouseout(function(e) {
    $(this).removeClass("hovered");
}).mousedown(function(e) {
    $(this).addClass("pressed");
}).mouseup(function(e) {
    $(this).removeClass("pressed");
});

Internet Explorer 6 поддерживает только атрибуты CSS: hover для якорей.

Если вы поддерживаете IE6, вам нужно будет использовать какое-то решение javascript, например, предложенное @charles, в основном вам нужно динамически добавить / удалить классы к элементу. Я обычно помещаю эти «исправления» в файл IE6.js с условными комментариями.

Использование jQuery не является обязательным, но это действительно помогает сократить количество javascript, которое вам нужно написать для достижения этих эффектов.

Даже если вы сможете найти решение (упомянутые Мэттом Россом могут быть одним из них) вам лучше выбрать доступность, чем безупречный внешний вид!

Используя javascript, вы также можете заменить кнопку тегом a, как предлагает Джон. Здесь используется jQuery, но вы можете сделать это с помощью обычного javascript или любой другой библиотеки:

 var ahtml = "<div class='button'><a href=#>blabla</a></div>"; //whatever the HTML is for the styled a tag
 $('button.submit') //select button
    .hide()//Hide the button
    .after(ahtml) //insert the styled a html
    .next() //find the inserted html
       .click( function(e) { //add click behaviour to the inserted HTML
         $(this).prev().click(); //trigger click event of submit button
         return false; //stop both event bubbling and event triggering
       });

Таким образом, у вас есть кнопка для людей без javascript. А также иметь красиво оформленный тег для людей с javascript.

I might be putting my foot in my mouth or something here, but I just wanted to point out something else to consider. However you decide to solve this problem, if your button or anchor is supposed to perform some action (like delete a record or change your bank account) then I strongly suggest you make sure you are performing a postback (POST). This is what a button normally does in a form. Do not perform a GET, which is what an achor usually does.

This is because GETs are too easily followed by accident by things like search engines, browser pre-cachers, and other stuff. Where as a POST is recognized as something that performs an action and isn't followed automaticly.

On the other hand if your "button" is just doing a query of some sort then a GET is just fine.

And you can do a post with an anchor also, especially with javascript.

someone with this fresher on their mind can probalby fill in a bunchof the details that I glossed over.

Браузеры ограничивают вас двумя одновременными запросами. Вы можете использовать диспетчер очередей, например: и должен только заставить IE 7 (и ниже) отображать ссылки. Так что ... надеюсь, это не должно сильно мешать доступности.

Вы определенно можете сделать это только с помощью CSS (и немного js для плохого ie6).

Во-первых, заставьте его работать в FF с помощью: hover,: active, что угодно. затем добавьте несколько js, чтобы добавить классы к кнопкам при наведении, нажмите .... Добавьте эти классы в свои объявления: hover,: active ... (button: hover, button.hover {color: red}) и вперед . Вам нужно будет немного помассировать сафари и IE, но это абсолютно возможно.

Другая возможность - это своего рода гибрид предыдущих предложений. Если не ошибаюсь, JAWS будет читать элементы с видимостью: скрытыми (не уверен, что насчет оконных глаз). Вместо того, чтобы удалять кнопку с помощью js или устанавливать для нее display: none, установка невидимости должна работать с межпользовательским агентом. Затем просто используйте JS, чтобы привязать ссылку щелкните к форме отправки.

затем добавьте несколько js, чтобы добавить классы к кнопкам при наведении, нажмите .... Добавьте эти классы в свои объявления: hover,: active ... (button: hover, button.hover {color: red}) и вперед . Вам нужно будет немного помассировать сафари и IE, но это абсолютно возможно.

Другая возможность - это своего рода гибрид предыдущих предложений. Если не ошибаюсь, JAWS будет читать элементы с видимостью: скрытыми (не уверен, что насчет оконных глаз). Вместо того, чтобы удалять кнопку с помощью js или устанавливать для нее display: none, установка невидимости должна работать с межпользовательским агентом. Затем просто используйте JS, чтобы привязать ссылку щелкните к форме отправки.

затем добавьте несколько js, чтобы добавить классы к кнопкам при наведении, нажмите .... Добавьте эти классы в свои объявления: hover,: active ... (button: hover, button.hover {color: red}) и вперед . Вам нужно будет немного помассировать сафари и IE, но это абсолютно возможно.

Другая возможность - это своего рода гибрид предыдущих предложений. Если не ошибаюсь, JAWS будет читать элементы с видимостью: скрытыми (не уверен, что насчет оконных глаз). Вместо того, чтобы удалять кнопку с помощью js или устанавливать для нее display: none, установка невидимости должна работать с межпользовательским агентом. Затем просто используйте JS, чтобы привязать ссылку щелкните к форме отправки.

Мне нужно будет немного помассировать сафари и IE, но это абсолютно возможно.

Другая возможность - это своего рода гибрид предыдущих предложений. Если не ошибаюсь, JAWS будет читать элементы с видимостью: скрытыми (не уверен, что насчет оконных глаз). Вместо того, чтобы удалять кнопку с помощью js или устанавливать для нее display: none, установка невидимости должна работать с межпользовательским агентом. Затем просто используйте JS, чтобы привязать ссылку щелкните к форме отправки.

Мне нужно будет немного помассировать сафари и IE, но это абсолютно возможно.

Другая возможность - это своего рода гибрид предыдущих предложений. Если не ошибаюсь, JAWS будет читать элементы с видимостью: скрытыми (не уверен, что насчет оконных глаз). Вместо того, чтобы удалять кнопку с помощью js или устанавливать для нее display: none, установка невидимости должна работать с межпользовательским агентом. Затем просто используйте JS, чтобы привязать ссылку щелкните к форме отправки.