新窗口图标(用于Web辅助function)

是否有一个默认的,标准的,推荐的或众所周知的图标来表示链接将打开一个新的浏览器窗口?

这是针对networking可访问性的原因。 还是基本上是免费的?

我意识到,那些将使用最多(使用屏幕阅读器)的人甚至不会在意图像是什么样子,而是更感兴趣的替代文字。

决定去这个: ![新窗口图标] [1]。

除非有人能提出一个更广泛采用的build议吗?

没有一个既定的标准图标这样的事情。

例如,您select的图标与wikipedia中用于标记指向外部网站(不属于维基百科)的链接类似。 但是,您可以在您的网站上使用它,从而在您自己的网页中build立一个约定。 只要确保你一直这样做:标有该图标的所有链接必须打开一个新的页面,所有没有标记的链接应该在同一页面打开。 只要你有一个稳定的用户基础,谁有机会习惯你的约定,你就可以提高可访问性。 如果您的网站主要由一次访问者访问,那么您只会添加视觉混乱。

我会去这样的事情: 在新窗口中打开

正如其他人所提到的,您select的图标被维基百科和其他网站广泛使用来表示与外部网站的链接。 但这更多的是个人喜好,而不是networking标准。

对于许多Unicode字符,您需要使用以下字体(至less对于Windows,如果您可以testing,请对Linux和Mac发表评论):

a:link {font-family: 'Segoe UI Symbol' !important;} 

你也可以应用CSSselect器来使用target属性,如下所示:

 a[target='blank'] a[target] 

请记住,浏览器是有趣aselect和a:link / a:visited的行为,所以绝对考虑到这一点。


统一码“ 两加方 ”字符:

http://www.fileformat.info/info/unicode/char/29c9/index.htm

两个加入的方块

CSS

 a[target='_blank']::after {content: '\29C9';} 

支持

Mac OS X,优胜美地:2种字体, Apple SymbolSTIXGeneral


Unicode 右上象限白色方块

http://www.fileformat.info/info/unicode/char/25F3/index.htm

右上象限的白色方形

CSS

 a[target='_blank']::after {content: '\25F3';} 

支持

Mac OS X,优胜美地:3种字体, Apple SymbolSTIXGeneralMenlo


Unicode' 右上阴影白方 '字符:

http://www.fileformat.info/info/unicode/char/2750/index.htm

右上方的阴影白方块

CSS

 a[target='_blank']::after {content: '\2750';} 

支持

Mac OS X,优胜美地:3种字体, Arial Unicode MSMenloZapf Dingbats

还有U+1F5D7 OVERLAP :Unicode,在Unicode 7.0(2014年6月)中添加。

其评论是“重叠偏移窗口”。

HTML实体: 🗗


( fileformat.info )

我能find的最接近的是北西方向的angular落和东南向的angular落 – 但是谁创造这些图标并没有做东北angular向angular落

http://www.fileformat.info/info/unicode/category/So/list.htm

我喜欢这个在新窗口中打开的unicode符号

↗️或↗

北东箭头请确保您使用的是utf-8 html。

Html是↗

在我的WordPress博客上,我不得不链接到几个网站,显然禁用后退button(Facebook和谷歌翻译结果)。 对于这些链接,我设置它们来打开一个新窗口。 我收集了很less的“新窗口”图标,但它们总是中断行间距(也许这是一个WordPress的东西;图标周围没有额外的空间),所以我决定去一个标题=“”,说:“链接打开新窗口“和链接文本图标[+],链接文本末尾用空格分隔。

试试|͟↗ |:

 |͟↗̱| 

并与Arial兼容

 ∣͟↗̱∣ 

怎么样像附加的图像(任何人都可以使用或编辑)? 在这里输入图像说明

1 : 在这里输入图像说明

我正在考虑将其添加到现有的单个button的右侧,以便它们成为一个水平button组,让用户可以select单击链接并在新窗口中打开它。

Interesting Posts