场地的X轴是乱七八糟的，因为它是希伯来语

时间：2015-07-15 作者：Rabu

其中之一my client\'s sites 希伯来语是一种从右到左的语言。

我正在使用MH Newsdesk Lite theme 在上找到wordpress.org . 主题正在使用core wordpress生成的类.screen-reader-text{} 显示搜索表单的步骤get_search_form().

问题是，左边的页面上有很多文字，特别是“חפס”。我相信这是因为它是用rtl语言显示的。我想让它成为主页（可能还有其他一些页面和帖子），never滚动到x轴。主题开发人员和用户使用这些主题的最佳实践是什么.screen-reader-text{} 在保持可访问性的同时，又不会弄乱显示（比如在我的情况下，页面水平滚动）？

以下是我发现的一些相关链接：https://make.wordpress.org/accessibility/tag/screen-reader/https://make.wordpress.org/themes/2015/01/26/supporting-screen-reader-text/

3 个回复
最合适的回答,由SO网友:Vee 整理而成

这是由于css：

选中此选项（第314行style.css）：

.search-form .screen-reader-text {
    left: -9999px;
    overflow: hidden;
    position: absolute;
}
删除左侧边距，这样就可以正常工作。它位于侧栏搜索表单上。对不起英语。

谢谢

SO网友:Dub Scrib

上下文：可访问性指南说表单应该有标签。主题设计师显然认为他们不希望标签出现在那里，但使用了CSS技巧来移动标签，而不会（完全）违反指导。

但是，该代码仅在英文（或其他从左到右的语言）页面左侧隐藏搜索表单标签。因为希伯来语是从右到左的，所以文本出现了，使页面变得很宽。

快速修复方法是将其隐藏到右侧，而不是左侧@Vee的回答会将文本标签带回表单旁边，如果您需要的话。

你可能被否决了，因为有人认为你问错了问题，或者you haven\'t researched it properly, 或者别的什么。

SO网友:Bryan Willis

@Vee的方法会起作用，但如果要使其不显示，请使用以下方法：

.search-form .screen-reader-text {
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;     
}
看起来你已经安装了一个jetpack定制css插件，所以只需将其添加到那里，就不必再与父主题混淆了。

结束
标签： themes   css   language   小码农  

相关推荐

有条件地更新edit.php上的css

我想根据一些日期检查更改posts表中每一行的背景色。我需要更改的css是tr#post nnnn{背景颜色：$myColor}，其中nnnn是post编号，$myColor是由5种预定义颜色组成的数组。我已经考虑过如何进行这项工作，并提出了以下提纲，但如果能就我是否朝着正确的方向前进以及解决这类问题的标准流程提供一些建议，我将不胜感激。这是一般的伪想法。。。add_action( \'admin_print_styles-edit.php\', \'my_order_highlighter\' );