From cc84566e0a828b84f81def47d710e2519469fb89 Mon Sep 17 00:00:00 2001 From: Adam Tauber Date: Tue, 23 Jun 2020 21:43:32 +0200 Subject: [PATCH 1/3] [enh] add visually hidden but accessible css class - #350 --- searx/static/themes/oscar/less/logicodev/search.less | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/searx/static/themes/oscar/less/logicodev/search.less b/searx/static/themes/oscar/less/logicodev/search.less index d65e30563..ff94bfefb 100644 --- a/searx/static/themes/oscar/less/logicodev/search.less +++ b/searx/static/themes/oscar/less/logicodev/search.less @@ -77,4 +77,14 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb .search-margin { margin-bottom: 0.6em; -} \ No newline at end of file +} + +.visually-hidden { + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); + white-space: nowrap; /* added line */ +} From 2ff6214a4d6909867ddc176fcaf89a28521b7af7 Mon Sep 17 00:00:00 2001 From: Adam Tauber Date: Tue, 23 Jun 2020 21:44:13 +0200 Subject: [PATCH 2/3] [fix] remove alt text which doesnt add extra info - #350 --- searx/templates/oscar/infobox.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/searx/templates/oscar/infobox.html b/searx/templates/oscar/infobox.html index 04f2d5f22..6ae7965b6 100644 --- a/searx/templates/oscar/infobox.html +++ b/searx/templates/oscar/infobox.html @@ -5,7 +5,7 @@ {% for u in infobox.urls %}{% if u.official %} {{ u.domain }}{% endif %}{% endfor %}
- {% if infobox.img_src %}{{ infobox.infobox }}{% endif %} + {% if infobox.img_src %}{% endif %} {% if infobox.content %}

{{ infobox.content | safe }}

{% endif %} From a984afd6a32ec3bd5011659362afaf81a4bc787e Mon Sep 17 00:00:00 2001 From: Adam Tauber Date: Tue, 23 Jun 2020 21:44:44 +0200 Subject: [PATCH 3/3] [enh] make checkboxes in preferences accessible using keyboard - #350 --- .../themes/oscar/css/logicodev-dark.css | 32 ++++++++++++++++-- .../themes/oscar/css/logicodev-dark.min.css | Bin 13417 -> 13864 bytes searx/static/themes/oscar/css/logicodev.css | 32 ++++++++++++++++-- .../static/themes/oscar/css/logicodev.min.css | Bin 9977 -> 10424 bytes .../themes/oscar/less/logicodev/onoff.less | 21 ++++++++++-- searx/templates/oscar/macros.html | 1 + 6 files changed, 80 insertions(+), 6 deletions(-) diff --git a/searx/static/themes/oscar/css/logicodev-dark.css b/searx/static/themes/oscar/css/logicodev-dark.css index b2cf38ba5..38b9dbaa9 100644 --- a/searx/static/themes/oscar/css/logicodev-dark.css +++ b/searx/static/themes/oscar/css/logicodev-dark.css @@ -70,7 +70,21 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not -ms-user-select: none; } .onoffswitch-checkbox { - display: none; + opacity: 0; + position: absolute; +} +.onoffswitch-checkbox:before { + content: ""; + display: inline-block; + width: 16px; + height: 16px; + margin-right: 10px; + position: absolute; + left: 0; + bottom: 1px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 0px; } .onoffswitch-label { display: block; @@ -104,7 +118,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not top: 0; bottom: 0; right: 0px; - border: 2px solid #FFFFFF !important; + border: 2px solid #FFFFFF; border-radius: 50px !important; transition: all 0.3s ease-in 0s; } @@ -115,6 +129,9 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not right: 71px; background-color: #A1A1A1; } +.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch { + border: 3px solid #444444; +} .result_header { margin-top: 0px; margin-bottom: 2px; @@ -377,6 +394,17 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb .search-margin { margin-bottom: 0.6em; } +.visually-hidden { + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); + /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); + white-space: nowrap; + /* added line */ +} #advanced-search-container { display: none; text-align: left; diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css b/searx/static/themes/oscar/css/logicodev-dark.min.css index 603aedfa9a3def13baea1426fb6eb67548f744d8..6c7cf749a01ee88e35c7003fe2c28cacf896ccd6 100644 GIT binary patch delta 426 zcmZWmO-lnY5XH*UgQp%!L95pG(qdOyEFQAILhuh{lWccrnh8m^YbnxSAc*-BotvxFs1S8Z9_LMQCbK7EbtwsI^W-hDNLy zDkqd9-EP9cYDt#_lmsQ>R3e)tC2*IM@s++!askuaRsEcrDX7>~lTl#*T}hmZVycFbSF%!CZf5_!kC$sbQdo?Oh2NBxMdx#5Vjw5QU|o`p)ki_BOh;ZGQr) CL!4{? delta 52 zcmV-40L%ZVZ0TsQ)LFVR<@kZ*FCMlc6yav)Tjm0h1gACzI+0+_N7CQW2A4 K85*-D83G+vG87O1 diff --git a/searx/static/themes/oscar/css/logicodev.css b/searx/static/themes/oscar/css/logicodev.css index d5a2aa6a9..ad6d967b8 100644 --- a/searx/static/themes/oscar/css/logicodev.css +++ b/searx/static/themes/oscar/css/logicodev.css @@ -43,7 +43,21 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not -ms-user-select: none; } .onoffswitch-checkbox { - display: none; + opacity: 0; + position: absolute; +} +.onoffswitch-checkbox:before { + content: ""; + display: inline-block; + width: 16px; + height: 16px; + margin-right: 10px; + position: absolute; + left: 0; + bottom: 1px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 0px; } .onoffswitch-label { display: block; @@ -77,7 +91,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not top: 0; bottom: 0; right: 0px; - border: 2px solid #FFFFFF !important; + border: 2px solid #FFFFFF; border-radius: 50px !important; transition: all 0.3s ease-in 0s; } @@ -88,6 +102,9 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not right: 71px; background-color: #A1A1A1; } +.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch { + border: 3px solid #444444; +} .result_header { margin-top: 0px; margin-bottom: 2px; @@ -350,6 +367,17 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb .search-margin { margin-bottom: 0.6em; } +.visually-hidden { + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); + /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); + white-space: nowrap; + /* added line */ +} #advanced-search-container { display: none; text-align: left; diff --git a/searx/static/themes/oscar/css/logicodev.min.css b/searx/static/themes/oscar/css/logicodev.min.css index 7f221d5eca4dd5e3063ea6d914ea37bb212992a3..a39cc36b927c6f7ccc11ecc2b00844f15b1460c3 100644 GIT binary patch delta 412 zcmZWl%}N6?5Qb7)@K8}K{?tQl5nAX{Eho+g3&30Rg^da&hLN7ju z@8C1^AR1W_rH2`Y`99|RzS-Wr-oHFlTWA;uwy3L zYA3ZLoemX{8O4?av;r-oSRtR%0)$J+=+-P~Dq)hka-K0e0UgAT zmNar>7VVG(M7uj4k2gvE@o;@Thb(7GEu$2Kkb1S_=MrWHtz+8#CJB~)@`VZK(k2QE yQXZgOfgx6M*9+F$f2#i<8U$!?@!dl8X_11HQ5L>0iN?Y*^Xx}w=bN|FtHu| +
{%- endmacro %}